/**
 * Copyright (c) Freelens Authors. All rights reserved.
 * Copyright (c) OpenLens Authors. All rights reserved.
 * Licensed under MIT License. See LICENSE in root directory for more information.
 */

.HorizontalLine {
  height: 1px;
  border-top: thin solid var(--hrColor);
}

@mixin horizontalLineSize($sizeName, $size) {
  .size-#{$sizeName} {
    margin-top: $size;
    margin-bottom: $size;
  }
}

$baseline: 8px;

@include horizontalLineSize("xxs", 0.5 * $baseline);
@include horizontalLineSize("xs", 1 * $baseline);
@include horizontalLineSize("sm", 2 * $baseline);
@include horizontalLineSize("md", 3 * $baseline);
@include horizontalLineSize("lg", 4 * $baseline);
@include horizontalLineSize("xl", 5 * $baseline);
